<!DOCTYPE html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <title>会员中心 - 登陆</title>
    {include file="common/meta" /}
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/assets/user/css/bootstrap.min.css">
    <link rel="stylesheet" href="/assets/user/css/icons.css">
    <link rel="stylesheet" href="/assets/user/css/main.css">
    <link rel="stylesheet" href="/assets/user/css/responsive.css">
    <style type="text/css">
        .container a {
            color: white!important;
        }
        .container p{
            color: white!important;
        }
        .msg-box {
            display: none!important;
        }
    </style>
    {include file="common/script" /}
</head>
<body>
<div class="account-user-sec" style="background-image: url({$site.beijing});">
     <div class="account-sec">
          <div class="account-top-bar"  style="color:white">
               <div class="container">
                     <div class="logo">
                       <a href="javascript:void(0)" title="" ><i class="fa fa-bullseye" style="color: white"></i> {$site.name}</a>
                   </div>
                   <ul class="account-header-link">
                    <li><a href="/index/user/login"><b>登陆</b></a></li>
                    <li><a href="/index/index/index"><b>首页</b></a></li>
                   </ul>
               </div>
          </div>
          <div class="acount-sec">
               <div class="container">
                    <div class="row">
                         <div class="col-md-12">
                              <div class="contact-sec">
                                   <div class="row">
                                        <div class="col-md-8">   
                                             <div class="widget-title">
                                                  <h3>Register </h3>
                                             </div>
                                             <div class="account-form">
                                                <form name="form" id="register-form" class="form-inline" method="POST" action="">
                                                {:token()}
                                                      <input type="hidden" name="keeplogin" id="keeplogin" value="1" />
                                                       <div class="row">
                                                            <div class="col-md-6 feild">
                                                                 <input type="text" name="email" autocomplete="off" id="email" data-rule="required;email" placeholder="{:__('Email')}">
                                                            </div>
                                                            <div class="col-md-6 feild">
                                                                <input type="text" id="username" autocomplete="off" name="username" data-rule="required;username" placeholder="用户名 {:__('Username must be 3 to 30 characters')}">
                                                            </div>
                                                            <div class="col-md-6 feild">
                                                                <input type="password" id="password" autocomplete="off" name="password" data-rule="required;password" placeholder="密码 {:__('Password must be 6 to 30 characters')}">
                                                            </div>
                                                            <div class="col-md-6 feild">
                                                                <input type="text" id="mobile" autocomplete="off" name="mobile" data-rule="required;mobile" placeholder="{:__('Mobile')}">
                                                            </div>
                                                            <div class="col-md-6 feild">
                                                                <div class="row">
                                                                    <div class="col-md-7 col-xs-7 col-sm-7 feild" style="padding-right: 0px;">
                                                                        <input type="text" name="mobile_captcha" id="mobile_captcha" placeholder="{:__('手机验证码')}" data-rule="required;length(4);integer[+];remote({:url('api/validate/check_sms_correct')}, event=register, mobile:#mobile, captcha:#mobile_captcha)">
                                                                    </div>
                                                                    <div class="col-md-5 col-xs-5 col-sm-5" style="padding-left: 0px;">
                                                                        <a href="" class="btn btn-info btn-lg btn-block btn-captcha" data-url="{:url('api/sms/send')}" data-type="mobile" data-event="register" style="border-radius: 0px;">发送验证码</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6 feild">
                                                                <div class="row">
                                                                    <div class="col-md-7 col-xs-7 col-sm-7 feild" style="padding-right: 0px;">
                                                                        <input type="text" name="captcha" placeholder="{:__('Captcha')}" data-rule="required;length(4)" style="border-radius: 0;" autocomplete="off" />
                                                                    </div>
                                                                    <div class="col-md-5 col-xs-5 col-sm-5 feild" style="padding-left: 0px;">
                                                                        <img src="/api/common/captcha" style="height: 45px; width: 100%;" onclick="this.src = '/api/common/captcha?r=' + Math.random();"/>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            {if condition="is_numeric($price)"}
                                                            <div class="col-md-12">
                                                                <div class="alert alert-success" style="margin-bottom: 0px;">注册费用：{$price}元 - 支付方式：
                                                                    <select data-rule="required;" name="type" style="{if condition="!request()->isMobile()"}width: 10%;{/if}color: black;" > 
                                                                        <option value="alipay">支付宝</option>
                                                                        <option value="wxpay">微信</option>
                                                                        <option value="qqpay">QQ钱包</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            {/if}
                                                            <div class="feild col-md-12">
                                                                 <input type="submit" value="立即登陆" style="width: 100%;margin-top: 13px;background: #3c3c3c none repeat " />
                                                            </div>
                                                       </div>
                                                  </form>
                                             </div>
                                             <div class="more-option">
                                                  <span>OR</span>
                                             </div>
                                        </div>
                                        <div class="col-md-4">
                                             <div class="creat-an-account" style="{if request()->isMobile()}margin-top: 10px;{/if}">
                                                    {if request()->isMobile()}
                                                  <span style="text-align: center;">OR</span>
                                                  {else /}
                                                  <span>已有账号？</span>
                                                  {/if}
                                                  <a href="/index/user/login" style="background: #10b5e8 none repeat ;{if request()->isMobile()}width: 50%;text-align: center;margin-top: 10px;{/if}"><i class="fa fa-user" style=""></i> 点击登陆</a>
                                                  {if request()->isMobile()}
                                                  <a href="/index/index/qqlogin" style="width: 50%;text-align: center;margin-top: 10px;"><i class="fa fa-qq" style=""></i> ＱＱ登陆</a>
                                                  {/if}
                                                  {if !request()->isMobile()}
                                                  <h4>更多方式</h4>
                                                  <ul>
                                                       <li><a href="/index/index/qqlogin" title=""><i class="fa fa-qq" style="background: #4e8deb;"></i></a></li>
                                                  </ul>
                                                  {/if}
                                             </div>
                                        </div>
                                   </div>
                              </div>
                         </div>
                    </div>
               </div>
          </div>
          <footer style="margin-top: 10px;padding-left: 0px;">
              <div class="container">
                  <p>2017-2019 © {$site.name} Ltd.  Made with <i class="fa fa-heart"></i></p>
              </div>
          </footer>
     </div>
</div>
</body>
</html>
<script type="text/html" id="resetpwdtpl">
    <form id="resetpwd-form" class="form-horizontal form-layer" method="POST" action="{:url('api/user/resetpwd')}">
        <div class="form-body">
            <input type="hidden" name="action" value="resetpwd" />
            <div class="form-group">
                <label for="" class="control-label col-xs-12 col-sm-3">{:__('Type')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <div class="radio">
                        <label for="type-email"><input id="type-email" checked="checked" name="type" data-send-url="{:url('api/ems/send')}" data-check-url="{:url('api/validate/check_ems_correct')}" type="radio" value="email"> {:__('Reset password by email')}</label>
                        <label for="type-mobile"><input id="type-mobile" name="type" type="radio" data-send-url="{:url('api/sms/send')}" data-check-url="{:url('api/validate/check_sms_correct')}" value="mobile"> {:__('Reset password by mobile')}</label>
                    </div>        
                </div>
            </div>
            <div class="form-group" data-type="email">
                <label for="email" class="control-label col-xs-12 col-sm-3">{:__('Email')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <input type="text" class="form-control" id="email" name="email" value="" data-rule="required(#type-email:checked);email;remote({:url('api/validate/check_email_exist')}, event=resetpwd, id={$user.id})" placeholder="">
                    <span class="msg-box"></span>
                </div>
            </div>
            <div class="form-group hide" data-type="mobile">
                <label for="mobile" class="control-label col-xs-12 col-sm-3">{:__('Mobile')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <input type="text" class="form-control" id="mobile" name="mobile" value="" data-rule="required(#type-mobile:checked);mobile;remote({:url('api/validate/check_mobile_exist')}, event=resetpwd, id={$user.id})" placeholder="">
                    <span class="msg-box"></span>
                </div>
            </div>
            <div class="form-group">
                <label for="captcha" class="control-label col-xs-12 col-sm-3">{:__('Captcha')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <div class="input-group">
                        <input type="text" name="captcha" class="form-control" data-rule="required;length(4);integer[+];remote({:url('api/validate/check_ems_correct')}, event=resetpwd, email:#email)" />
                        <span class="input-group-btn" style="padding:0;border:none;">
                            <a href="javascript:;" class="btn btn-info btn-captcha" data-url="{:url('api/ems/send')}" data-type="email" data-event="resetpwd">{:__('Send verification code')}</a>
                        </span>
                    </div>
                    <span class="msg-box"></span>
                </div>
            </div>
            <div class="form-group">
                <label for="newpassword" class="control-label col-xs-12 col-sm-3">{:__('New password')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <input type="password" class="form-control" id="newpassword" name="newpassword" value="" data-rule="required;password" placeholder="">
                    <span class="msg-box"></span>
                </div>
            </div>
        </div>
        <div class="form-group form-footer">
            <label class="control-label col-xs-12 col-sm-3"></label>
            <div class="col-xs-12 col-sm-8">
                <button type="submit" class="btn btn-md btn-info">{:__('Ok')}</button>
            </div>
        </div>
    </form>
</script>